@import "./base.css";

#app {
  width: 100%;
}

.el-header {
  padding: 0 !important;
}

.el-main {
  padding: 0 !important;
}

.el-footer {
  padding: 0 !important;
}

/*修改element-plus默认样式*/
.el-scrollbar__wrap /deep/ .el-popover {
  padding: 0 !important;
}

.el-popover {
  padding: 10px 0 !important;
}

.el-divider {
  margin: 10px 0 !important;
}

.el-pagination {
  float: right;
}

.el-pager li.is-active {
  background-color: rgb(30, 111, 255) !important;
  color: rgb(255, 255, 255) !important;
}

.el-table__header thead th.el-table__cell {
  background-color: rgb(245, 246, 247) !important;
}

.el-table__header thead th.el-table__cell .cell {
  color: rgb(51, 51, 51) !important;
}

.el-drawer__header {
  margin-bottom: 15px !important;
  border: 0 !important;
}

/*按钮*/
.is-link {
  padding: 8px 15px !important;
  color: rgb(54, 59, 76) !important;
}

.is-link:hover {
  padding: 8px 15px !important;
  border-radius: 5px !important;
  background-color: rgb(245, 246, 247) !important;
  color: rgb(54, 59, 76) !important;
}

.is-link-i {
  padding: 0 !important;
  color: rgb(30, 111, 255) !important;
}

.is-link-i:hover {
  padding: 0 !important;
  border-radius: 0 !important;
  background-color: none !important;
  color: rgb(30, 111, 255) !important;
}

.el-button--primary-i {
  background-color: rgb(30, 111, 255) !important;
  border: 1px solid rgb(30, 111, 255) !important;
}

.el-button--primary-i:hover {
  background-color: rgb(20, 101, 245) !important;
  border: 1px solid rgb(20, 101, 245) !important;
  color: rgb(255, 255, 255) !important;
}

.el-button--info {
  background-color: rgb(245, 246, 247) !important;
  color: rgb(54, 59, 76) !important;
  border: 1px solid rgb(245, 246, 247) !important;
}

.el-button--info:hover {
  background-color: rgb(235, 236, 237) !important;
  color: rgb(54, 59, 76) !important;
  border: 1px solid rgb(235, 236, 237) !important;
}

.el-select-dropdown__item span {
  font-size: 12px !important;
}

/*表单*/
.el-input__wrapper,
.el-textarea__inner {
  background-color: rgb(245, 246, 247) !important;
  box-shadow: none !important;
}

.el-tabs__active-bar {
  background-color: rgb(22, 119, 255)!important;
}

.el-tabs__item.is-active, .el-tabs__item:hover {
  color: rgb(22, 119, 255)!important;
}

/*图标*/
.icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
  overflow: hidden;
}

.custom-space {
  height: 15px;
  clear: both;
}